// 把图片储存在imgArr中
var imgArr = ['111.jpg','222.jpg','333.jpg','444.jpg','555.jpg'];
// 获取img元素
var img = document.getElementById('img');
console.log('img');
// 获取所有li元素
var list =document.querySelectorAll('.dian ul>li');
console.log('list');



function fn(index){
    for(var i = 0;i<list.length;i++){
        if(index==i){
            img.src= 'images/'+imgArr[i];
            list[i].style.backgroundColor='pink';
        }else{
            list[i].style.backgroundColor='rgba(255,255,255,.4)';
            list[i].style.boderColor='rgb(0,0,0,.7)';
        }

    }
}